<template>
  <div>
    <h3>Vue3监听属性</h3>
    <div>{{age}}</div>
    <div><input type="number" v-model="age" /></div>
  </div>
</template>

<script>
export default {
  name: 'Course8-8',
  data() {
    return {
      age: 18,
      a: 3,
      b: 5
    }
  },
  created() {
    console.log(this.$route.params)
  },
  watch: { // 监听属性
    age(n,o) { // 监听age属性的变化
      console.log("age的新值：" + n + "，age的旧值："+o)
    },
    a(n, o) { // 监听a属性的变化
      console.log("a的新值：" + n + "，a的旧值："+o)
    }
  }
}
</script>

<style>

</style>